<!DOCTYPE html>
<html>

<head>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Hello, World</title>
  <style>
    html,
    body {
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    #allmap {
      width: 398px;
      height: 200px;
      margin: 0 auto;
    }
  </style>
  <!-- <script type="text/javascript"
    src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=zG1Usx0pD0Hk5BGyGo2nG2FrOPczc2Wd">
    </script> -->
  <!-- <script src="./1.js"></script> -->
</head>

<body>
  <div id='allmap'></div>
  <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  
  <!-- <script src="./1.js"></script> -->
  <script>
    // console.log('BMapGL', BMapGL)
    // 百度地图API功能
    window.BMap=function() {
      // console.log('BMap执行了');
      // const BMapGL=gl
      var map = new BMapGL.Map("allmap");
      map.centerAndZoom(new BMapGL.Point(114.312765, 23.830371), 15); // 设置中心点坐标（经度，纬度）以及缩放级别
      map.enableScrollWheelZoom(true);

      theLocation()

      function theLocation() {
        // 用经纬度设置地图中心点
        map.clearOverlays();
        var point = new BMapGL.Point("114.312765", "23.830371");
        var marker = new BMapGL.Marker(point);  // 创建标注
        map.addOverlay(marker);              // 将标注添加到地图中
        map.panTo(point);

        // 开启信息窗口
        var opts = {
          width: 200, // 信息窗口宽度
          height: 60, // 信息窗口高度 
          title: "惠州智富家具有限公司", // 信息窗口标题 
          // enableMessage : true,//设置允许信息窗发送短息 
          message: "公司" // 信息内容
        }
        var infoWindow = new BMapGL.InfoWindow("地址：惠州市惠阳区新圩镇东风村", opts); // 创建信息窗口对象 
        map.openInfoWindow(infoWindow, point); //开启信息窗口
        // marker.addEventListener("click", function(){          
        //   map.openInfoWindow(infoWindow, point); //开启信息窗口
        // }); 
      }
    }

    // BMap()

    function addScriptTag(src) {
      var script = document.createElement('script');
      script.setAttribute("type", "text/javascript");
      script.src = src;
      document.head.appendChild(script);
    }

    // 页面加载完成后
    window.onload=function () {
      // 在传src时将自己定义的使用百度地图的函数BMap作为回调传过去
      addScriptTag("https://api.map.baidu.com/api?v=1.0&type=webgl&ak=zG1Usx0pD0Hk5BGyGo2nG2FrOPczc2Wd&callback=BMap");
    }
  </script>
</body>

</html>